<template>
  <div id="app">
    <router-view />
    <app-footer v-if="$route.meta.TabbarShow"></app-footer>
  </div>
</template>

<script>
import appFooter from "@/components/appFooter";
export default {
  data() {
    return {};
  },

  components: {
    appFooter
  },
   watch: { // 监听路由变化  跳转到Label2  和 Label4页面就隐藏导航栏
    $route (to) {
        if (to.name === 'home' || to.name === 'sort' || to.name === 'cart' || to.name === 'mine' ) {
            this.show = true
        }
    }
  },

  methods: {}
};
</script>

<style scoped>
@import "~@/assets/css/appHaeder.css";
</style>
